<template> 
  <div class="info">
    <!-- 环境信息公开 -->
    <div class="title">
      <p>环境信息</p>
      <Breadcrumb>
        <BreadcrumbItem to="/">首页</BreadcrumbItem>
        <BreadcrumbItem to="news-info">环境信息</BreadcrumbItem>
      </Breadcrumb>
      <div class="divider"></div>
    </div>
    <div class="content">
      <h2>企业事业单位环境信息公开表</h2>
      <img src="../img/info.jpg" alt="" width="1000px" />
      <img
        src="http://www.jl-oled.com/Uploads/Editor/image/2022072013/62d7998880c51.JPG"
        width="800px"
      />
      <img
        src="http://www.jl-oled.com/Uploads/Editor/image/2022072014/62d79a4f3abce.JPG
"
        width="800px"
      />
      <img
        src="http://www.jl-oled.com/Uploads/Editor/image/2022072014/62d79a4f3abce.JPG
"
        width="800px"
      />
      <img
        src="http://www.jl-oled.com/Uploads/Editor/image/2022072014/62d79b558782b.JPG"
        width="800px"
      />
      <img
        src="http://www.jl-oled.com/Uploads/Editor/image/2022072014/62d79b971628e.JPG
"
        width="800px"
      />
    </div>
  </div>
</template>
  
  <script>
export default {};
</script>
  
  <style lang="scss" scoped>
.info {
  .title {
    position: relative;
    padding-left: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #bebdbd;
    display: flex;
    justify-content: space-between;
    p {
      color: #333;
      font-size: 16px;
    }
    .divider {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100px;
      height: 2px;
      background-color: var(--color-zdyblue);
    }
  }
  .content {
    text-align: center;
    padding: 30px 20px;
    h2 {
      margin-bottom: 10px;
    }
    img {
      margin: 0 auto;
    }
  }
}
</style>